<div class="data-table-content">
  <nz-spin [nzSize]="'large'" [nzSpinning]="loading" [nzTip]="'正在加载中...'">
    <div class="data-table-content-inner">
      <nz-table #nzTable [nzDataSource]="tableData" [nzIsPagination]="false" (nzDataChange)="_displayDataChange($event)" *ngIf="loaded">
        <thead nz-thead>
          <tr>
            <th nz-th nzCheckbox>
              <label nz-checkbox [(ngModel)]="_allChecked" [nzIndeterminate]="_indeterminate" (ngModelChange)="_checkAll($event)"></label>
            </th>
            <th nz-th *ngFor="let column of tableColumn"><span class="table-col">{{alias[column] || column}}</span></th>
          </tr>
        </thead>
        <tbody nz-tbody>
          <tr nz-tbody-tr *ngFor="let data of nzTable.data" (mouseover)="onMouseOver(data)" (mouseout)="onMouseOut(data)">
            <td nz-td nzCheckbox>
              <label nz-checkbox [nzDisabled]="data.disabled" [(ngModel)]="data.checked" (ngModelChange)="_refreshStatus($event)"></label>
            </td>
            <td nz-td *ngFor="let column of tableColumn">{{ data[column] | replaceNone:'-' }}</td>
          </tr>
        </tbody>
      </nz-table>
      <div class="data-table-load-error" *ngIf="loadError">
        <i class="anticon anticon-frown"></i>
        <span>数据加载失败！</span>
      </div>
    </div>
  </nz-spin>
</div>